<%--
  Created by IntelliJ IDEA.
  User: cyc
  Date: 2021/10/2
  Time: 10:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>易买网 - 首页</title>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/function.js"></script>
</head>
<body>
<div id="header" class="wrap">
    <div id="logo"><img src="${pageContext.request.contextPath}/images/logo.gif" /></div>
    <div class="help">
        <c:if test="${sessionScope.user!=null}"><a href="shopping.jsp" id="shoppingBag" class="shopping">购物车${sessionScope.shopList.size()}件</a></c:if>
        <c:if test="${sessionScope.user==null}"><a href="login.jsp">登录</a></c:if>
        <c:if test="${user!=null}"> <span style="color: red">${user.username}你好</span> </c:if>
        <a class="button" id="logout" href="LoginOutServlet">注销</a><a href="register.jsp">注册</a>
        <a href="CommentServlet">留言</a>
        <a href="login.jsp">后台管理</a>
    </div>
    <div class="navbar">
        <ul class="clearfix">
            <li class="current"><a href="#">首页</a></li>
            <li><a href="#">图书</a></li>
            <li><a href="#">百货</a></li>
            <li><a href="#">品牌</a></li>
            <li><a href="#">促销</a></li>
        </ul>
    </div>
</div>
<div id="childNav">
    <div class="wrap">
        <ul class="clearfix">
            <li class="first"><a href="#">音乐</a></li>
            <li><a href="#">影视</a></li>
            <li><a href="#">少儿</a></li>
            <li><a href="#">动漫</a></li>
            <li><a href="#">小说</a></li>
            <li><a href="#">外语</a></li>
            <li><a href="#">数码相机</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">羽绒服</a></li>
            <li><a href="#">秋冬靴</a></li>
            <li><a href="#">运动鞋</a></li>
            <li><a href="#">美容护肤</a></li>
            <li><a href="#">家纺用品</a></li>
            <li><a href="#">婴幼奶粉</a></li>
            <li><a href="#">饰品</a></li>
            <li class="last"><a href="#">Investor Relations</a></li>
        </ul>
    </div>
</div>
<div id="position" class="wrap">
    您现在的位置：<a href="index.jsp">易买网</a> &gt; 在线留言
</div>
<div id="main" class="wrap">
    <div class="lefter" style="overflow: auto;height: 850px">
        <div class="box" >
            <h2>商品分类</h2>
            <dl id="category" >


            </dl>
        </div>
    </div>
    <div class="main">
        <div class="guestbook">
            <h2>全部留言</h2>
            <ul>
                <C:forEach items="${commentList}" var="comment">
                    <li>
                        <dl>
                            <dt>${comment.content}</dt>
                            <dd class="author">网友: ${comment.user.username} <span class="timer"><fmt:formatDate value="${comment.createtime}" pattern="yyyy-MM-dd" /></span></dd>
                            <dd>${comment.answer}</dd>
                        </dl>
                    </li>
                </C:forEach>

            </ul>
            <div class="clear"></div>
            <div class="pager">
                <ul class="clearfix">
                    <li><a  href="${pageContext.request.contextPath}/comment/all?pageNum=1">首页</a></li>

                    <c:if test="${pageInfo.hasPreviousPage}" >
                        <li><a href="${pageContext.request.contextPath}/comment/all?pageNum=${pageInfo.pageNum-1}">上一页</a></li>
                    </c:if>
                    <c:if test="${pageInfo.hasNextPage}" >
                        <li><a href="${pageContext.request.contextPath}/comment/all?pageNum=${pageInfo.pageNum+1}">下一页</a></li>
                    </c:if>
                    <li><a href="${pageContext.request.contextPath}/comment/all?pageNum=${pageInfo.pages}">尾页</a></li>
                </ul>
            </div>
            <div id="reply-box">
                <form action="NewCommentServlet" method="post" id="myform">
                    <table>
                        <tr>
                            <td class="field">昵称：</td>
                            <td>
                                <input class="text" type="text" name="username" disabled="disabled" value="${sessionScope.user.username}"/>
                                <input class="text" type="text" name="userid" style="display: none" value="${sessionScope.user.id}"/>
                            </td>
                        </tr>
                        <tr>
                        <tr>
                            <td class="field">商品：</td>
                            <td>
                                <select name="productid" >
                                    <c:forEach items="${productList}" var="i">
                                        <option value="${i.id}">${i.name}</option>
                                    </c:forEach>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="field">留言内容：</td>
                            <td><textarea name="content"></textarea><span></span></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><label class="ui-blue"><input type="button" name="submit" value="提交留言" id="btn"/></label></td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
    Copyright &copy; 2013 北大青鸟 All Rights Reserved. 京ICP证1000001号
</div>
</body>
<script src="${pageContext.request.contextPath}/scripts/jquery-1.8.3.js"></script>
<script>
    $(function (){
        $("#btn").click(function (){
            var data=$("#myform").serialize();
            $.post("${pageContext.request.contextPath}/comment/add",data,function (res){
                if (res.code==1){
                    alert(res.msg);
                    location.href="${pageContext.request.contextPath}/comment/all"
                }else {
                    alert(res.msg);
                }
             },"json")
        });



        //左侧分类列表
        $.post("${pageContext.request.contextPath}/category/all",{},function (res){
            var cate="";
            for (i in res){
                if (res[i].parentid==0){
                    cate+="<dt>"+ res[i].name+"</dt>";
                    for (j in res){
                        if (res[j].parentid==res[i].id){
                            cate+="<dd><a class='cate' href=${pageContext.request.contextPath}/product/select?cateId="+res[i].id+">"+res[i].name+"</a></dd>";

                            for (x in res){
                                if (res[x].parentid==res[j].id){
                                    cate+="<dd><a class='cate' href=${pageContext.request.contextPath}/product/select?cateId="+res[j].id+">"+res[x].name+"</a></dd>";
                                }
                            }

                        }
                    }
                }
            }
            $("#category").html(cate);
        },"json");
    });
</script>
</html>
